<!DOCTYPE html>
<!-- saved from url=(0049)https://cryptic-falls-57683.herokuapp.com/#/login -->
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="icon" href="https://cryptic-falls-57683.herokuapp.com/favicon.ico">
  <title>lab-safety-exam</title>
  <link href="./login_files/chunk-7990ad83.cfab6200.css" rel="prefetch">
  <link href="./login_files/chunk-7990ad83.7415bdb4.js" rel="prefetch">
  <link href="./login_files/app.d9606156.css" rel="preload" as="style">
  <link href="./login_files/app.ae7175a1.js" rel="preload" as="script">
  <link href="./login_files/chunk-vendors.12873c5f.js" rel="preload" as="script">
  <link href="./login_files/app.d9606156.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="./login_files/chunk-7990ad83.cfab6200.css">
  <script charset="utf-8" src="./login_files/chunk-7990ad83.7415bdb4.js"></script>
</head>
<body>
<noscript>&lt;strong&gt;We're sorry but lab-safety-exam doesn't work properly without JavaScript enabled. Please enable
  it to continue.&lt;/strong&gt;
</noscript>
<div id="app">
  <div class="container-fluid">
    <nav class="navbar navbar-light bg-faded navbar-expand-lg">
      <a href="https://cryptic-falls-57683.herokuapp.com/#/"
         class="navbar-brand router-link-active"
         target="_self"><img
        src="./login_files/logo.8bb5acd9.jpg" alt="BV"></a>
      <button type="button" aria-label="Toggle navigation" aria-controls="nav_text_collapse" aria-expanded="false"
              class="navbar-toggler"><span class="navbar-toggler-icon"></span></button>
      <div id="nav_text_collapse" class="navbar-collapse collapse" style="display: none;">
        <ul class="navbar-nav ml-auto"><h1 class="navbar-text" style="font-size: 2rem;">化学化工学院实验室安全考试与学习系统</h1></ul>
      </div>
    </nav>
    <div class="row form p-3 align-items-end justify-content-center">
      <div class="p-3 rounded bg-light col-sm-6 col-md-4 col-8" style="background-color: white;">
        <form class=""><label for="card_no" class="sr-only">输入一卡通</label>
          <input id="card_no" type="text"
                 placeholder="输入一卡通" required="required"
                 aria-required="true"
                 class="mb-3 mb-md-4 mt-3 mt-md-4 form-control">
          <label for="password" class="sr-only">输入密码</label>
          <input id="password" type="password" placeholder="输入密码"
                 required="required" aria-required="true"
                 class="mb-4 form-control">
          <button type="submit" class="btn w-100 btn-primary" style="letter-spacing: 1rem;">登录</button>
        </form>
      </div>
    </div>
    <div class="row footer">
      <div class="col"><p class="mx-auto mb-0 mt-3 text-muted">© 2019-2020 扬州大学化学化工学院. All Rights Reserved</p></div>
    </div>
  </div>
</div>
<script src="./login_files/chunk-vendors.12873c5f.js"></script>
<script src="./login_files/app.ae7175a1.js"></script>
<script src="https://cdn.bootcss.com/vue/2.2.1/vue.min.js"></script>

<div id="cli_dialog_div"></div>
<script>
  var content = new Vue({
    el: "#content",
    data: {
      username: localStorage.getItem('username'),
      password: localStorage.getItem('password'),
      bannerShow: true,
    },
    created: function () {

    },
    watch: {},
    methods: {
      login: function () {
        var username = this.username, password = this.password;
        localStorage.setItem('username', username);
        localStorage.setItem('password', password);
        js_request('/portal/login', {"form[username]": username, "form[password]": password}, function (result) {
          if (result.code == 1) {
            localStorage.setItem('realname', result.data.userinfo.realname)
            window.location.href = "my.html";
          } else {
            js_alert(result.msg);
          }
        });
      },
    },
  });

</script>
</body>
</html>